@charset "utf-8";
/* CSS Document */
/*==============================common==================================*/
@font-face{
    font-family: 'arial';
    src : url('../font/arial.ttf');
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h13,h14,h15,h16,h18,h20,h22,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font:inherit;vertical-align:baseline}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6,h13,h14,h15,h16,h18,h20,h22,.h13,.h14,.h15,.h16,.h18,.h20,.h22{-webkit-text-size-adjust:none;font-family:"Microsoft YaHei";}
body{font-size:1em;margin:0;padding:0;height:auto; width:100%; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-text-size-adjust: none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;}
a,input,button,select,textarea{outline:none;}
img,a img {border:0;padding:0;margin:0;vertical-align:middle;}
i{ font-style:normal;}
a,ins{text-decoration:none}
del{text-decoration:line-through}
.pad_top{ padding-bottom:5%}
.pad{ padding:0% 2% 2%}
.clear{ clear:both}
a{ color:#111111}
.empty{font-size: 0.26rem;margin: 0.3rem}
.h10,h10{ font-size:0.625em}
.h11,h11{ font-size:0.688em}
.h12,h12{ font-size:0.750em}
.h13,h13{ font-size:0.813em}
.h14,h14{ font-size:0.875em}
.h15,h15{ font-size:0.938em}
.h16,h16{ font-size:1.000em}
.h17,h17{ font-size:1.063em}
.h18,h18{ font-size:1.125em}
.h19,h19{ font-size:1.188em}
.h20,h20{ font-size:1.250em}
.h21,h21{ font-size:1.313em}
.h22,h22{ font-size:1.375em}
.h23,h23{ font-size:1.438em}
.h24,h24{ font-size:1.500em}
/*==============================style==================================*/
html, body{	padding: 0;	margin: 0;}
body {	background-color: #fff;	font-family: Arial, Helvetica, Verdana;	font-size: 14px;	line-height: 22px;	color: #333;	-webkit-text-size-adjust: none;}
body *{	text-shadow: none;}
a, a:link, a:active, a:visited, a:hover{	color: #333;	}
pre{	font-size: 12px;	width: 100%;	overflow: auto;	-webkit-overflow-scrolling: touch;}
#page nav{	display: none;}
#header,.header{max-width: 640px; background: #06bbe0; width:100%;color: #fff;text-align: center;line-height: 3.5em;height: 3.5em;padding: 0;position:fixed; top:0; z-index:999}
#header a,.header a{background: center center no-repeat transparent;	/*background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );*/
	display: block;	width:2em; height:2em;	position: absolute; background:url("../img/menu.png") no-repeat; background-size:100%;	top: 1.2em;	right:1em;}
#header a.friends,.header a.friends{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#header a.right,.header a.right{left: auto;	right: 10px;}

#header .logo{ height:3.5em; float:left;}
#header .phone{ float:left; margin-left:2.5em; margin-top:1.3em; line-height:1em}
#header .phone img{ height:1em; float:left; margin-right:0.5em}

/**************************首页样式*****************************/
.content {max-width: 640px;margin: 0 auto; min-width: 320px;overflow: hidden; position:relative; }
.line1{ width:100%; float:left; background:#f2f2f2; height:0.5em}

/*banner*/
.main_visual {position: relative;z-index: 23;min-width: 320px; padding-top:3.3em}
.main_image {width: 100%;height: 100%;overflow: hidden;margin: 0 auto;position: relative}
.main_image ul {width: 9999px;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 100%;}
.main_image li span {display: block;width: 100%;height: 100%}
.main_image li img {display: block;overflow: hidden;width: 100%;max-height: 320px;}
.main_image li a {display: block;width: 100%;height: 100%}
div.flicking_con {overflow: hidden;text-align: center;position: absolute;bottom: 8px;left: 45%;z-index: 11;}
div.flicking_con li {float: left;border-radius: 8px;-webkit-border-radius: 8px;-ms-border-radius: 8px;height: 8px;width: 8px;border: 1px solid #fff;background: #FFF;
margin: 0 4px;display: inline-block;opacity: 1;font-size: 0px;}
div.flicking_con li.on {background: #1583d2}
/*banner-end*/
/*分类*/
.sele{ width:94%; height:auto; overflow:hidden; margin:0 auto; margin-top:0.8em; text-align:center; padding:10px 0px; background-color:#ffffff;}
.TXJ_sectiondiv{width:25%; border:0px solid #000;  display:block; float:left;}
.TXJ_sectiondiv dl{width:100%;height: auto;overflow: hidden; margin:0 auto; text-align:center; }
.TXJ_sectiondiv dt{ width:100%; height:auto; overflow:hidden; text-align:center;}
.TXJ_sectiondiv dd{width:100%; font-size:1em;position: relative; font-size:1em; line-height:2.5; top:0.2em; color:#06bbe0}
.TXJ_img{ width:62%; height:3em; margin-left:5px; margin-right:5px;}
/*视频中心*/
.i_video{ width:100%; float:left; max-width:640px; padding-top:2em;}
.i_title{ width:40%;margin:0 30%;}
.i_video ul{ width:auto; margin-left:7%; overflow:hidden; display:block; text-align:center; margin-top:1em; }
.i_video ul li{ width:auto; margin:0 2%; border-radius:1em; padding:0 4%; float:left; text-align:center; background:#dddddd; line-height:2; color:#333}
.i_video ul .on{ background:#06bbe0; color:#FFF;}

.i_video_con{ margin-top:1em; float:left;}
.i_video_con ul li{ width:94%; margin-left:3%; margin-bottom:0.8em; float:left; text-align:center; line-height:2 }
.i_video_con ul li img{ width:100%;}
/*服务项目*/
.s_con{ background:#f4f5f5; width:100%; float:left; padding-top:2em;}
.s_con ul{ width:100%; margin-top:1em;}
.s_con ul li{ width:94%; margin-left:3%; margin-bottom:0.8em; float:left; text-align:center; border-bottom:#c1e1e6 dashed 1px; padding-top:0.8em; padding-bottom:1.5em;}
.s_con ul li img{ width:40%; float:left;} 
.s_con ul li .s_right{ float:right; width:55%; text-align:left}
.s_con ul li .s_right span{ width:100%; float:left; margin-bottom:0.2em}
.s_con ul li .s_right em{ color:#999; line-height:1 !important;}


.s_con ul li:nth-child(even) img{ width:40%; float:right;} 
.s_con ul li:nth-child(even) .s_right{ float:left; }
.s_con ul li:nth-child(even) .s_right span{ text-align:right; margin-right:0.7em;  float:right}
/*案例展示*/
.c_title{width:34%;margin:0 33%;}
.ads{ width:100%; margin-top:1em;}
/*产品中心*/
.p_list{ width:100%; float:left; max-width:640px; padding-top:2em;}
.p_title{ width:52%;margin:0 24%;}
.p_list ul{ width:50%; margin-left:25%; margin-top:1em; float:left;}
.p_list ul li{ width:42%; margin:0 4%; border-radius:1em; float:left; text-align:center; background:#dddddd; line-height:2; color:#333}
.p_list ul .on{ background:#06bbe0; color:#FFF;}

.p_con{margin-top:1em; float:left;}
.p_con ul{width:100%; float:left;}
.p_con ul li{ width:48%; margin-right:2%;  margin-bottom:0.8em; float:left; text-align:center; line-height:2.4 }
.p_con ul li:nth-child(even){ margin-left:2%; margin-right:0;}
.p_con ul li img{ width:100%;}
/*新闻中心*/
.n_title{ width:60%;margin:0 20%;}
.n_con{ background:#fff; width:100%; float:left; padding-top:2em; }
.n_con ul{ width:100%; float:left; margin-top:1em; margin-bottom:2em}
.n_con ul .first{ width:94%; margin-left:3%;  float:left; text-align:center;  padding-top:0.8em; padding-bottom:1.5em;}
.n_con ul .first img{ width:40%; float:left;} 
.n_con ul .first .s_right{ float:right; width:55%; text-align:left}
.n_con ul .first .s_right span{ width:100%; float:left}
.n_con ul .s_right em{ color:#999; line-height:1 !important;}
.n_con ul .list{ width:90%; margin-left:3%; float:left; text-align:center; border-bottom:#999 dotted 1px; text-align:left; line-height:2.4; background:url("../img/n_list.png") no-repeat left center; padding-left:1em}


.link{ background:#fff; width:100%; float:left; padding-top:2em; margin-bottom:5em}
.link ul{width: 94%; margin-left: 3%; margin-top:1em; overflow:hidden; border-top:#CCC solid 1px;border-left:#CCC solid 1px}
.link ul li{ width:33%; float:left; border-bottom:#CCC solid 1px;border-right:#CCC solid 1px; line-height:2.8; text-align:center}
.i_title{font-family:'微软雅黑'; text-align:center; color:#06bbe0}
.i_title span{width:100%; font-weight:bolder}
.i_title em{width:100%; white-space:nowrap;}
/*底部*/


.bottom-fixed{bottom: 0;position: fixed;text-align: center;width:100%;z-index: 100;min-width: 320px;max-width: 640px; }
.footer {display: block;text-align: center; background-color:#06bbe0;  overflow:hidden;  }
.footer li{width: 33.3%; float:left;font-family: Microsoft YaHei; background:url("../img/f_li.jpg") repeat-y left ; padding-top:0.7em}
.footer li:first-child{ background:none}
.footer li a .footpic1{ height:2em;  background:url(../img/foot_coin1.png) no-repeat center; margin:0 auto; background-size:20%;}
.footer li a .footpic2{ height:2em; background:url(../img/foot_coin2.png) no-repeat center; margin:0 auto; background-size:20%;}
.footer li a .footpic3{ height:2em; background:url(../img/foot_coin3.png) no-repeat center; margin:0 auto; background-size:20%;}

.footer li a p{  color:#fff; text-align:center; line-height:200%}
/*******************s********内页**************************/
.wapper{ width:94%; margin:0 3%; margin-top:1em; padding-bottom:5em; position:relative;z-index:100; background:#FFF;}
.wapper img{ max-width:100%}
/***************************news列表**************************/

.news_list{ width:100%; height:auto; overflow:hidden;}
.news_list ul li{ padding:3% 0px; border-bottom:1px solid #ebebeb; width:100%; float:left}
.news_list ul li a .newspic{ display:block; width:25%; float:left; overflow:hidden; text-align:center; }
.news_list ul li a .newspic img{ width:100%; }
.news_list ul li a .newstext{ width:68%; float:right;  margin-right:1%}
.news_list ul li a .newstext p.p1{ line-height:1; padding-bottom:0.5em; color:#000}
.news_list ul li a .newstext p.p2{ line-height:1.4;color:#666}

.video_list{width:100%; height:auto; overflow:hidden;}
.video_list ul li{ width:100%; margin-bottom:0.8em; float:left; text-align:center; line-height:2 }
.video_list ul li img{ width:100%;}

.product_list{width:100%; height:auto; overflow:hidden;}
.product_list ul{width:100%; float:left;}
.product_list ul li{ width:48%; margin-right:2%;  margin-bottom:0.8em; float:left; text-align:center; line-height:2.4 }
.product_list ul li:nth-child(even){ margin-left:2%; margin-right:0;}
.product_list ul li img{ width:100%;}
/***************************view详情**************************/
.news_title{ width:100%; color:#000000; padding:3% 0; float:left; padding-bottom:3%;  border-bottom:#e2e2e2 dashed 1px; margin-bottom:0.5em;}
.news_title span{ width:100%; float:left; margin-top:1%; color:#999999}
.lr{width:100%; float:left; margin-top:4em; margin-bottom:5em}
/*******************s********分辨率兼容样式属性**************************/
@media all and (min-width:641px){
body{font-size:1.3em;}
}
@media all and (max-width:640px){
body{font-size:1.3em;}
}
@media all and (max-width:580px){
body{font-size:1.2em;}
}
@media all and (max-width:420px){
body{font-size:1.1em;}
}
@media all and (max-width:385px){
body{font-size:1em;}
}
/***************************end分辨率兼容样式属性*************************